<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
            border: 0;
        }
        #all{
            width: 1080px;
            height: 2088px;
            margin: 0 auto;
        }
        #all img{
            width: 1080px;
            height: 2000px;
            margin: 0 auto;
        }
        #bt{
            width: 1080px;
            height: 150px;
            background-color: black;
            float: left;
        }
        #bt img{
            width: 150px;
            height: 150px;
            margin: 0 10px;
            float: left;
        }
        #bt h1{
            color: white;
            font-size: 48px;
            font-family: "黑体";
            margin:55px 150px;
        }
        #main{
            width: 1080px;
            height: 900px;
            margin: 0 auto;
        }
        #main img{
            width: 260px;
            height: 375px;
            margin: 100px 50px;
            border: 3px solid #FFF;
            float: left;
        }
        #main h1{
            color: white;
            font-size: 48px;
            font-family: "黑体";
        }
        #main ul li.a1{
            font-family: "黑体";
            font-size: 50px;
            margin: 0 20px;
        }
        #main ul li.a2{
            font-family: "黑体";
            font-size: 30px;
            margin: 0 20px;
        }
    </style>
</head>
<body>
<div id="all">
    <img src="img/123.jpg">
        <div id="bt">
            <img src="img/未标题-3.jpg"/>
            <h1>影片详情&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;分享</h1>
        </div>
    <div id="main">
                <img src="img/t01f9de546a4db6d7bd.jpg"/>
                    <ul>
                        <li class="a1">断片之险途夺宝</li>
                        <li class="a2">The Morning After</li>
                        <li class="a3">喜剧/冒险/中国大陆/95分钟</li>
                        <li class="a3">2018-12-29 08:00 中国大陆上映</li>
                        <li class="a4">9.5万人想看</li>
                    </ul>
                <h1>简介&nbsp;&nbsp;&nbsp;&nbsp;影评&nbsp;&nbsp;&nbsp;&nbsp;讨论
                    &nbsp;&nbsp;&nbsp;&nbsp;更多</h1>
        </div>
</div>
</body>
</html>